﻿<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      class="hb-loaded">
<head>
    <title>钻戒列表</title>
    <meta content="Darry Ring钻戒价格,Darry Ring钻戒图片" name="Keywords"/>
    <meta content="Darry Ring是求婚钻戒的第一品牌,全面的Darry Ring钻戒价格以及Darry Ring求婚戒指款式图片,定制正品求婚戒指都可以进入戴瑞珠宝官网进行查询,全国热线400-01-13520."
          name="Description"/>
    <meta content="format=html5; url=http://m.darryring.com/diamondring_list.aspx" name="mobile-agent"/>
</head>
<body>
<link th:href="@{/css/same.css}" type="text/css" rel="stylesheet"/>
<link th:href="@{/css/dr.css}" type="text/css" rel="stylesheet"/>
<script th:src="@{/js/jquery.js}" type="text/javascript"></script>

<form id="form1" th:action="@{/index/lists}" method="get" name="form1">
    <input type="hidden" name="current" value="1" id="current">
    <!--头部-->
    <div class="cmain">
        <div class="headtop">
            <!--头部左边-->
            <div class="top-left fl">
                <a title="Darry Ring" th:href="@{/}">
                    <img width="187" height="42" alt="Darry Ring官网" th:src="@{/images/logo.png}"/>
                </a>
                <span style="font-weight: normal;">求婚钻戒领导品牌</span>
            </div>
            <!--头部左边end-->
            <!--头部右边-->
            <div class="top-right fr">
                <!--登录注册-->
                <input type="hidden" th:if="${session.user==null}"/>
                <ul th:if="${session.user==null}" class="tright-ul fl">
                    <div id="ucheader1_pllogin1">
                        <li><a rel="nofollow" th:href="@{/login.html}">登录</a><em>|</em></li>
                        <li><a rel="nofollow" th:href="@{/reg.html}">注册</a></li>
                    </div>
                </ul>
                <ul th:if="${session.user!=null}" class="tright-ul fl">
                    <div>
                        <li>欢迎您：<span th:text="${session.user.account}"></span></li>
                        <li><a  href="javascript:void(0)" onclick="joinUcenter()">个人中心</a><em>|</em></li>
                        <li><a  href="/index/logout">退出</a></li>
                        <li class="headed"><em class="icon shooping"></em>
                            <a target="black" rel="nofollow" th:href="@{/dr_mall/drCart/cartList}">购物车</a>
                        </li>
                    </div>
                </ul>
                <!--搜索框-->
                <div style="display:none;" class="search">
                    <input type="text" placeholder="求婚钻戒" class="txt1"/>
                    <div onClick="showSearch()" class="icon toser">
                    </div>
                </div>
            </div>
            <!--头部右边end-->
        </div>
    </div>
    <!--头部end-->
    <!--导航-->
    <div class="nav">
        <div class="cmain">
            <!--导航的左边-->
            <ul class="nav-ul fl">
                <li><a th:href="@{/}">首页</a></li>
                <li class=""><a href="brand.html">品牌文化</a></li>
                <li class=""><a style="font-family:arial" th:href="@{/index/lists}">Darry Ring 求婚钻戒</a>
                    <div class="nav-div" style="display: none;">
                        <div class="navdiv_top">
                            <div class="navdiv-left">
                                <h3> NEW</h3>
                                <a href="/darry_ring/349.html">
                                    <img width="138" height="97"
                                         alt="2克拉钻戒价格_E色EX切工VVS2净度_True Love系列 奢华款 _Darry Ring求婚钻戒 戴瑞珠宝官网"
                                         th:src="@{/images/03wj.jpg}"/>
                                </a>
                                <div class="more_cp">
                                    <a href="/darry_ring/349.html">&gt; 了解该系列产品</a>
                                </div>
                            </div>
                        </div>
                        <div class="navdiv_bottom"></div>
                    </div>
                </li>
                <li><a style="font-family:arial" href="lists.html">Darry Ring 爱的礼物</a>
                    <div class="nav-div" style="display: none;">
                        <div class="navdiv_top">
                            <div class="navdiv-right special_right noborder">
                                <div class="more_cp">
                                    <a href="lists.html">&gt; 查看所有款</a>
                                </div>
                            </div>
                        </div>
                        <div class="navdiv_bottom"></div>
                    </div>
                </li>
                <li><a href="../static/question.html">常见问题</a></li>
            </ul>
        </div>
    </div>
    <!--导航end-->
    <script type="text/javascript">
        function logout() {
            if (window.confirm('确定退出吗？')) {
                $.get("/nAPI/QuitExit.ashx", function (data) {
                    window.location.href = "/";
                });
            }
        }
    </script>
    <!--钻戒页面中间-->
    <div class="cort">
        <div class="cmain sp_cort fix">
            <!--背景图-->
            <div class="zj_bk">
                <div class="zbk_top spalid">
                    <span>您当前的位置：</span>
                    <span id="website_SiteMapPath1">
                        <a href="#website_SiteMapPath1_SkipLink"></a>
                    </span>
                    <span>
                        <a target="_blank" th:href="@{/}">Darry Ring</a>
                    </span>
                    <span>
                        <span> <em>&gt;</em> </span>
                        <span>求婚钻戒</span>
                    </span>
                    <span>
                        <a id="website_SiteMapPath1_SkipLink"></a>
                    </span>
                </div>
                <!--banner中间内容-->
                <div class="zbk_center">
                    <!--banner左边-->
                    <div class="zbkc-left">
                        <h3> 求婚钻戒领导品牌</h3>
                        <h2> 男士一生仅能定制一枚</h2>
                        <h4> 寓意：一生&middot;唯一&middot;真爱</h4>
                        <div class="button">
                            <div id="click" class="bt2">
                                <span>购买资格查询</span>
                            </div>
                            <div id="dzck" class="bt1">
                                <a target="_blank" href="">购买流程说明</a>
                            </div>
                        </div>
                    </div>
                    <!--banner右边的背景图-->
                    <div class="zbkc-right">
                        <img width="458" height="260" alt="求婚钻戒" th:src="@{/images/True-Love-_ring.jpg}"/>
                    </div>
                </div>
            </div>
            <!--背景图end-->
            <!--流程图-->
            <div class="the_lct">
                <img th:src="@{/images/lct.png}"/>
            </div>
            <!--流程图end-->
            <!--小导航-->
            <div class="allchose_nav">
                <!--参数选项-->
                <div class="select_choose">
                    <div class="thefirst_it">
                        <div class="search2 search_other fr">
                            <input type="text" placeholder="产品名称/关键字" class="txt2" id="name" name="name"
                                   th:value="${vproduct.name}"/>
                        </div>
                        <div class="fl">
                            <span>价格：</span>
                            <input type="text" value="" name="minPrice" th:value="${vproduct.minPrice}">
                            <span>---</span>
                            <input type="text" value="" name="maxPrice" th:value="${vproduct.maxPrice}">
                            <span>分类：</span>
                            <select id="categoryId" name="categoryId">
                                <option value="0" selected="selected">不限</option>
                                <option th:each="category : ${categories}" th:value="${category.id}"
                                        th:text="${category.name}" th:selected="${category.id eq categoryid}">
                                </option>
                            </select>
                            <span>人气最高：</span><input type="checkbox" name="popular" value="y" th:checked="${vproduct.popular eq 'y'}">
                            <span>女生最爱：</span><input type="checkbox" name="favor" value="y" th:checked="${vproduct.favor eq 'y'}">
                            <span>爆款热卖：</span><input type="checkbox" name="hot" value="y" th:checked="${vproduct.hot eq 'y'}">
                        </div>
                    </div>
                    <div class="thesec_it">
                        <div class="thesec_word fr">
                            <span >共<i id="count" th:text="${page.getTotal()}"></i>件商品</span>
                            <span> <i class="thered_color" th:text="${page.getCurrent()}">1</i>/<i th:text="${totalPage}" id="totalPage"></i> </span>
                            <em id="em_up" onclick="goPrevPage(this)" th:attr="data-current=${page.getCurrent()}">上一页</em>
                            <em id="em_down" onclick="goNextPage(this)" th:attr="data-current=${page.getCurrent()}">下一页</em>
                        </div>
                    </div>
                    <input type="submit" value="提交" style="background-color: #4BE053;margin: 0 auto;
                    display: block;width: 50px;height: 30px;border: none">
                </div>
                <!--参数选项end-->
            </div>
            <!--小导航end-->
            <!--购买的款式-->
            <div class="cmain">
                <ul class="buyit">
                    <!--每一个款式-->
                    <li th:each="product :${page.records}">
                        <div class="by_top">
                            <a target="_blank" th:href="@{'/index/detail/'+${product.id}}"></a>
                            <div class="bything-one">
                                <img width="236px" height="236" th:alt="${product.name}"
                                     th:src="|/${product.image}|"/>
                            </div>
                        </div>
                        <div class="by_center">
                        </div>
                        <div class="by_bottom">
                            <p><a target="_blank" th:href="@{'/index/detail/'+${product.id}}"
                                  th:text="${product.name}"></a></p>
                            <p>￥<span th:text="${product.price}"></span></p>
                        </div>
                    </li>
                </ul>
                <!--购买的款式end-->
            </div>
<!--            //第二个分页需要做的-->
            <div class="paging_all" id="pageing_pagingDiv">
                <div class="paging_all-cort">
                    <ul class="paging fl">
                        <li class="pli pag_gray" onclick="goPrevPage(this)" th:attr="data-current=${page.getCurrent()}">&lt;&lt;上一页</li>
                        <li th:each="p:${#numbers.sequence(1,totalPage)}" th:classappend="${page.getCurrent() eq p} ? 'pag_gray':''"
                            th:text="${p}" onclick="goPage(this)" th:attr="data-current=${p}"></li>
                        <li class="pli2" onclick="goNextPage(this)" th:attr="data-current=${page.getCurrent()}">下一页&gt;&gt;</li>
                    </ul>
                    <p class="pag_p fl"><span>共<i th:text="${totalPage}">5</i>页</span></p>
                </div>
            </div>
            <!--分页end-->
            <!--分页end-->
        </div>
    </div>
    <!--底部-->
    <div class="footer">
        <!--错误-->
        <!--提示-->
        <div class="loverit_word2">
            Darry Ring严格规定男士凭身份证一生仅能定制一枚，象征男人一生真爱的最高承诺。输入身份证号码即可查询购买记录。
        </div>
        <!--提示end-->
        <div class="loverit_wrong2">
            <p>信息填写不正确，请重新输入。</p>
        </div>
        <!--错误end-->
        <!--验证身份-->
        <div class="loveit_center">
            <div class="love_doit2">
                <div class="loverit_center2">
                    <div class="loverit_write2">
                        <label>国家/区域:</label>
                        <select id="txtArea" style="vertical-align: middle;height:22px;">
                            <option value="0">中国大陆</option>
                            <option value="1">中国香港</option>
                            <option value="2">中国澳门</option>
                            <option value="3">中国台湾</option>
                        </select>
                        <label>先生姓名:</label>
                        <input type="text" class="lit_txt" id="textName2"/>
                        <label>身份证号码:</label>
                        <input type="text" class="lit_txt" id="textIDCard2"/>
                        <span id="btnsub2"></span>
                    </div>
                </div>
            </div>
        </div>
        <!--验证身份end-->
        <div style="clear:both"></div>
        <div class="cmain">
            <ul class="Service_ul">
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img">
                        <a href="../templates/index.html/help_ab/51.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_ab/51.html" rel="nofollow"><p>权威认证</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_2">
                        <a href="../templates/index.html/help_se/81.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_se/81.html" rel="nofollow"><p> 一钻双证</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_3">
                        <a href="../templates/index.html/help_se/80.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_se/80.html" rel="nofollow"><p> 终生保养</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_4">
                        <a href="../templates/index.html/help_se/82.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_se/82.html" rel="nofollow"><p> 以小换大</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_5">
                        <a href="../templates/index.html/help_se/84.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_se/84.html" rel="nofollow"><p> 15天退换</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_6">
                        <a href="../templates/index.html/help/74.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help/74.html" rel="nofollow"><p> 全国免运费</p></a></li>
                <!--每一块li-->
                <li>
                    <div class="Service_ul-img bk_7">
                        <a href="../templates/index.html/help_se/83.html" rel="nofollow"></a>
                    </div>
                    <a href="../templates/index.html/help_se/83.html" rel="nofollow"><p> 全程保险</p></a></li>
            </ul>
            <!--服务条款-->
            <div class="service">
                <!--二维码-->
                <div class="erwei fl">
                    <img width="90" height="90" alt="Darry Ring 官方微信" th:src="@{/images/erwei.jpg}"/>
                </div>
                <!--中间的联系方式-->
                <div class="know_right fl">
                    <p> 24小时全国免费服务热线</p>
                    <img width="171" height="32" th:src="@{/images/tel.jpg}"/>
                    <p class="theshare"><span>关注我们：</span> <a class="wb" target="_blank"
                                                              href="http://weibo.com/13520comcn" rel="nofollow"></a> <a
                            class="rr" target="_blank" href="http://e.t.qq.com/DarryRing" rel="nofollow"></a> <a
                            class="qzone" target="_blank" title="QQ空间" href="http://user.qzone.qq.com/2678181289/"
                            rel="nofollow"></a></p>
                </div>
                <!--左边的服务条款-->
                <ul class="Service_know fr">
                    <!--每一块li-->
                    <li><h3> 关于我们</h3>
                        <p><a target="_blank" href="../templates/index.html/help_ab/66.html" rel="nofollow">权威认证</a></p>
                        <p><a target="_blank" href="../templates/index.html/help_ab/68.html" rel="nofollow">商务合作</a></p>
                        <p><a target="_blank" href="../templates/index.html/help_ab/70.html" rel="nofollow">加入我们</a></p>
                    </li>
                    <!--每一块li-->
                    <li><h3> 关于购买</h3>
                        <p><a target="_blank" href="../templates/index.html/help/72.html" rel="nofollow">购买流程</a></p>
                        <p><a target="_blank" href="../templates/index.html/help/73.html" rel="nofollow">支付方式</a></p>
                        <p><a target="_blank" href="../templates/index.html/help/74.html" rel="nofollow">配送流程</a></p>
                    </li>
                    <!--每一块li-->
                    <li><h3> 关于退换</h3>
                        <p><a target="_blank" href="../templates/index.html/help/75.html" rel="nofollow">退货流程</a></p>
                        <p><a target="_blank" href="../templates/index.html/help/76.html" rel="nofollow">办理售后</a></p>
                        <p><a target="_blank" href="../templates/index.html/help_se/84.html" rel="nofollow">15天退换</a>
                        </p></li>
                    <!--每一块li-->
                    <li><h3> 帮助中心</h3>
                        <p><a target="_blank" href="../templates/index.html/help/71.html" rel="nofollow">注册流程</a></p>
                        <p><a href="javascript:showxiaon();" rel="nofollow">联系客服</a></p>
                        <p><a target="_blank" href="../templates/index.html/help/78.html" rel="nofollow">网站地图</a></p>
                    </li>
                    <!--每一块li-->
                    <li><h3> 服务条款</h3>
                        <p><a target="_blank" href="../templates/index.html/help_se/80.html" rel="nofollow">终生保养</a></p>
                        <p><a target="_blank" href="../templates/index.html/help_se/85.html" rel="nofollow">注册协议</a></p>
                        <p><a target="_blank" href="../templates/index.html/help_se/86.html" rel="nofollow">隐私声明</a></p>
                    </li>
                    <!--每一块li-->
                    <li><h3> DR服务</h3>
                        <p><a target="_blank" href="/proposelist.aspx?id=18">钻石百科</a></p>
                        <p><a target="_blank" href="/news/index.aspx">产品百科</a></p>
                        <p><a target="_blank" href="/propose.aspx">求婚指南</a></p></li>
                </ul>
            </div>
            <!--条文-->
            <div class="auto" id="Menu_Service">
            </div>
            <div class="tw-foot">
                <div class="auto" id="Copyright">
                    <p> Copyright &copy; 2006-2015 www.darryring.com 深圳市戴瑞珠宝有限公司 All Rights Reserved.
                        粤ICP备11012085号-2.ICP经营许可证粤B2-20140279 </p>
                    <p> 中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票 </p>
                </div>
            </div>
        </div>
    </div>
    <div class="model" id="model">
        <div class="Prompt" id="Prompt">
        </div>
        <span id="log_uid" style="display:none"></span>
        <span id="log_uname" style="display:none"></span>
        <span id="log_orderid" style="display:none"></span>
        <span id="log_price" style="display:none"></span>
    </div>
    <script src="http://wpa.b.qq.com/cgi/wpa.php" charset="utf-8" type="text/javascript"></script>
    <!--客服(2014年8月29日)-->
    <div style="display:none" class="Ffloat_kf">
        <div class="fkf_top">
            <div style="cursor: pointer; display: none;" id="bridgehead">
            </div>
            <div id="BizQQWPA"></div>
            <div onClick="showModel(modelsever);" style="cursor: pointer;" class="qq_hover" id="qqTalk_head">
            </div>
            <div id="BizQQWPAB" class="sh">
            </div>
            <div id="bdBridge">
                <a href="javascript:NTKF.im_openInPageChat()"> <img width="75" height="37"
                                                                    th:src="@{/images/zx.jpg}"/></a>
            </div>
        </div>
        <div class="fkf_bottom">
            <img width="92" height="82" alt="Darry Ring 官方微信" th:src="@{/images/to_erwei.jpg}"/>
            <a href="#"> <img width="92" height="26" th:src="@{/images/db.jpg}"/></a>
        </div>
    </div>
    <!--返回顶部-->
    <div class="comeback" style="display: none;"></div>
    <!--返回顶部end-->


</form>
<script>
    $(function () {

    })

    function goPage(t) {
        //当前页码
        $("#current")[0].value=$(t).data('current');
        $("#form1").submit();
    }

    function goPrevPage(t) {
        let current = $(t).data('current') - 1;
        if (current==0){
            $("#current")[0].value=Number($("#totalPage").text());
        }else{
            $("#current")[0].value=current;
        }
        $("#form1").submit();
    }
    function goNextPage(t) {
        let current = $(t).data('current') + 1;
        if (current>Number($("#totalPage").text())){
            $("#current")[0].value=1;
        }else{
            $("#current")[0].value=current;
        }
        console.log($("#current")[0].value);
        $("#form1").submit();
    }
</script>
</body>
</html>